<template>
	<view class="p-2">
		<view class="wrapcard d-flex flex-row mb-2 bg-white">
			<view class="pl-2 pt-2 d-flex flex-column" style="flex: 2.1;">
				<text class="font-weight">电子信息学院学术论文</text>
				<text class="tagType pl-1 mt-1" style="font-size:24rpx;border: 1rpx solid red;width:54rpx;">期刊</text>
				<view class="mb-auto mt-2" style="border-bottom:1rpx dotted grey;height:1rpx;width:100%;"></view>
				<view class="pb-2 d-flex flex-row a-center">
					<image src="../../static/touxiang.jpg" style="border-radius:50%; width:65rpx;height: 65rpx;"></image>
					<view class="mb-2 mt-2">
						<text class="footer ml-2">东方</text>
						<text class="footer ml-1">2017-8-23</text>
					</view>
				</view>
			</view>
			<view class="d-flex a-center j-center" style="flex: 0.9;">
				<image  src="/static/civilwar.png" style="width:170rpx;height:240rpx;" mode="widthFix"></image>
			</view>
		</view>
		
		<view class="wrapcard d-flex flex-row mb-2 bg-white">
			<view class="pl-2 pt-2 d-flex flex-column" style="flex: 2.1;">
				<text class="font-weight">电子信息学院学术论文</text>
				<text class="tagType pl-1 mt-1" style="font-size:24rpx;border: 1rpx solid red;width:54rpx;">期刊</text>
				<view class="mb-auto mt-2" style="border-bottom:1rpx dotted grey;height:1rpx;width:100%;"></view>
				<view class="pb-2 d-flex flex-row a-center">
					<image src="../../static/touxiang.jpg" style="border-radius:50%; width:65rpx;height: 65rpx;"></image>
					<view class="mb-2 mt-2">
						<text class="footer ml-2">东方</text>
						<text class="footer ml-1">2017-8-23</text>
					</view>
				</view>
			</view>
			<view class="d-flex a-center j-center" style="flex: 0.9;">
				<image  src="/static/civilwar.png" style="width:170rpx;height:240rpx;" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	.wrap {
		padding-top: 28rpx;
	}
	.wrapcard {
		height: 276rpx;
		width: 100%;
		border: 1rpx solid transparent;
	}
	.tagType{
		color:red;
	}
	.footer{
		font-size: 24rpx;
		color:grey;
	}
/* 	.footInf{
		padding-left: 20rpx;
		padding-bottom: 30rpx;
		line-height:65rpx;
		height:65rpx;
	} */
</style>
